* {
	box-sizing: border-box;
}
.login {
  width:100%;
  background-color: #4d638c;
  position: absolute;
  z-index: 100;
  .bg {
    width:100%;
    height:340px;
    position: absolute;
    top:0;
		left:0;
    z-index: 101;
  }
  .contentbox {
    width:100%;
    position: absolute;
    z-index:102;
    padding:35px 15px;
    .title {
      text-align: left;
      font-size: 30px;
      color: #fff;
    }
    .topbartab {
      width:100%;
      height:70px;
      display: flex;
      justify-content: space-around;
      align-items: center;
      color:#fff;
      font-size: 18px;
      margin-top: 30px;
      div {
        width:100px;
        padding-bottom: 10px;
      }
    }
    .inputbox {
			width:100%;
      position: relative;
      margin-top: 24px;
      input {
        width: 100%;
        height: 49px;
        background-color: #fff;
        border-radius: 10px;
        opacity: 0.8;
        padding-left: 59px;
      }
      img {
        width:20px;
        height:24px;
        position:absolute;
        top:12px;
        left:20px;
      }
      .input_messnum {
        width:200px;
      }
      .getmess {
        width:130px;
        margin-top: 0;
      }
    }
    .forgotpass {
      width:100%;
      height:49px;
      line-height: 49px;
      text-align: right;
      font-size: 15px;
      color:#fff;
    }
    .loginbut {
      width:100%;
      height: 49px;
      background-color: #ffffff;
      box-shadow: 0px 4px 20px 0px rgba(0, 126, 101, 0.2);
      border-radius: 10px;
      margin-top: 25px;
      color:#4d638c;
    }
  }
 
}